<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";	
%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=basePath %>static/css/style.css" />
<script src="<%=basePath %>static/script/DomContentLoad.js"></script>
<script src="<%=basePath %>static/script/RanDomPhone.js"></script>
	<script>
	    window.onload = function () {
	        generatePhoneNumberDivSettings();
	    };
	</script>
<title>Insert title here</title>
</head>
<body>
<div class="overlay-mask"></div>
        <div class="loader-container">
            <div class="loader">
                <div class="circle"></div>
                <div class="circle"></div>
                <div class="circle"></div>
                <div class="circle"></div>
            </div>
        </div>

        <div class="container">
            <div class="form-container active" style="width: 500px; height: 550px">
                <p class="title">嗖嗖移动-注册账号</p>
                <form class="form" action="${pageContext.request.contextPath }/register" method="post">
                    <input type="username" name="username" value="${user.username }" class="input" placeholder="用户名" />
                    <input type="password" name="password" value="${user.password }" class="input" placeholder="密码" />
					<input type="money" name="money" value="${user.money }" class="input" placeholder="预存金额" />
                    <div calss="phone-select-container">
                        <div class="phone-select-title">选择手机号:</div>
                        <div class="phone-grid" id="phoneContainer" ></div>
                        <div class="mydict">
                            <div>
                                <div class="mydict-title"  >选择套餐:</div>
                                <div>
                                    <label class="mydict-label">
                                        <input type="radio"  name="taocan" value="1" checked="" />
                                        <span>套餐一</span>
                                    </label>
                                    <label class="mydict-label">
                                        <input type="radio" name="taocan" value="2"/>
                                        <span>套餐二</span>
                                    </label>
                                    <label class="mydict-label">
                                        <input type="radio" name="taocan" value="3"/>
                                        <span>套餐三</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <input  class="form-btn" type="submit" value="注册" ></button>
                </form>
                <p style="color:red;">${msg} </p>
                <p class="sign-up-label">
                    <a class="sign-up-link" onclick="startTransition('login')">登录</a>
                </p>
            </div>
        </div>
</body>
</html>